@charset "utf-8";
/*
    Document   : CSS样式初始化
    Created on : 2016.7.23
    Author     :
    Description:
        CSS样式表的初始化，全局样式设置。部分样式属性请根据具体页面重置其属性
        导入方式：<link href="css/common.css" rel="stylesheet" type="text/css" />
*/
/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}  /* 初始化标签在所有浏览器中的margin、padding值 */
fieldset,img {border:0 none}  /* 重置fieldset（表单分组）、图片的边框为0*/
dl,ul,ol,menu,li {list-style:none}   /* 重置类表前导符号为onne,menu在HTML5中有效 */
blockquote, q {quotes: none}   /* 重置嵌套引用的引号类型 */
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}  /* 重置嵌套引用*/
input,select,textarea,button {vertical-align:middle}  /* 重置表单控件垂直居中*/
button {border:0 none;background-color:transparent;cursor:pointer}  /* 重置表单button按钮效果 */
body {background:#fff}   /* 重置body 页面背景为白色 */
body,th,td,input,select,textarea,button {font-size:12px;line-height:1 ;font-family:"微软雅黑", "黑体","宋体";color:#666} /* 重置页面文字属性 */
a {color:#666;text-decoration:none}  /* 重置链接a标签 */
a:active, a:hover {text-decoration:none}   /* 重置链接a标签的鼠标滑动效果 */
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}  /* 重置样式标签的样式 */
caption {display:none;}    /* 重置表格标题为隐藏 */
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}    /* 重置table属性 */
img{vertical-align:top}  /* 图片在当前行内的垂直位置 */
 
.container-fluid,.container{
	padding: 0;
}
.row{
	margin: 0;
}
.logobox{
	margin: 30px auto;
}
.Nav li{
	float: left;
	width: 12.5%;
	line-height: 27px;
	text-align: center;
}
.Nav a{
	color: black;
	font-size: 14px;
}

.aboutbox{
	background: url(../img/about01.png) no-repeat center center;
	padding-top: 33px;
	padding-bottom: 166px;
	position: relative;
	top: -137px;
	width: 100%;
	
}
.aboutbt{
	padding-left: 30px;
}
.aboutC{
	margin-top: 86px;
	padding-left: 15px;
}
.aboutC p{
	font-size: 16px;
	color: #838383;
	line-height: 36px;
	text-indent: 2em;
}
.probox{
	position: relative;
	top: -80px;
}
.profl{
	border: solid 1px #e3e3e3;
	padding: 0;
}
.probt,.protel{
	background: #ebd6b9;
}
.probt{
	padding-left: 20px;
}
.probt p{
	color: white;
	font-size: 20px;
	font-weight: bold;
	line-height: 52px;
}
.proflc li{
	line-height: 52px;
	text-align: center;
	border-top: solid 1px #e3e3e3;
	background: -webkit-linear-gradient(white, #f7f7f7); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(white, #f7f7f7); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(white, #f7f7f7); /* Firefox 3.6 - 15 */
    background: linear-gradient(white, #f7f7f7); /* 标准的语法（必须放在最后） */
}
.proflc a{
	color: black;
	font-size: 16px;
}
.protel{
	height: 91px;
	padding: 20px 0;
	padding-left: 25px;
}
.telL{
	color: white;
	padding: 0;
}
.telimg{
	padding: 0;
}
.telL p{
	font-size: 16px;
	line-height: 30px;
}
.telL span{
	font-size: 20px;
	font-weight: bold;
}
.procimg{
	border: solid 1px #b7b7b7;
	padding: 2px 0;
}
.proC span{
	display: block;
	text-align: center;
	color: #5e5e5e;
	font-size: 14px;
	line-height: 30px;
}
.ad{
	position: relative;
	top: -40px;
}
.casebox{
	margin-top: 20px;
}
.casebt{
	margin-bottom: 65px;
}
.caseC{
	background: url(../img/case02.jpg) no-repeat center center;
	background-size:cover ;
	padding-top: 50px;
	height: 748px;
}
.case01 p,.case03 p{
	color: black;
	font-size: 14px;
	line-height: 25px;
	margin-top: 45px;
}
.casefl{
	margin-top: 291px;
	padding-left: 50px;
}

.casefl a{
	color: white;
	font-size: 14px;
	line-height: 30px;
}
.casefl img{
	padding: 10px 0;
}
.case03{
	margin-top: 210px;
}
.ad02box{
	background: url(../img/ad001.jpg) no-repeat center center;
	background-size: cover ;
	padding-top: 94px;
	padding-bottom: 80px;
}
.ad02bt{
	margin-bottom: 47px;
}
.ad02cT span{
	display: block;
	color: #c59270;
	font-size: 24px;
	font-weight: bold;
	line-height: 80px;
}
.ad02cT p{
	font-size: 16px;
	color: black;
	line-height: 40px;
}
.ad02C li{
	background: rgba(255,255,255,0.4);
	border: solid 1px #bfbfbf;
	margin: 15px 0;
}
.ad02cimg{
	padding: 0;
}
.ad02cT{
	padding-left: 60px;
}
.newbox{
	background: #f8f8f8;
	margin: 50px auto;
}
.newT{
	padding-top: 20px;
}
.newimg{
	padding: 0;
}
.newtC{
	padding: 0 48px;
	margin-top: 37px;
}
.newtC li{
	line-height: 37px;
}
.newtC a{
	color: black;
	font-size: 16px;
}
.newtC span{
	float: right;
}
.link{
	line-height: 30px;
	margin-bottom: 20px;
}
.link span{
	color: #c59270;
	font-size: 14px;
}
.footerbox{
	background: url(../img/footer01.jpg) no-repeat center center;
	background-size:cover ;
	padding-top: 70px;
}
.footernavbt span{
	color: white;
	font-size: 20px;
}
.footernavbt hr{
	width: 40px;
	height: 2px;
	background: white;
	border: none;
	margin: 15px 0;
}
.footernavC li{
	line-height: 35px;
}
.footernavC a{
	color: #8d8d8d;
	font-size: 14px;
}
.footer02 span{
	font-size: 20px;
	color: white;
}
.fcontact{
	margin-top: 38px;
}
.fcontact span{
	font-size: 16px;
	color: #666666;
}
.fcontact li{
	 
	line-height: 40px;
}
.fcontact img{
	padding: 12px 0;
}
.youhua{
	color: white;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	padding: 20px 0;
}
.youhua hr{
	background: #696969;
}
/*移动端CSS*/
.sjaboutbox{
	margin: 20px auto;
	padding: 0 10px;
}
.sjaboutbt,.sjprobt,.sjcasebt,.sjnewbt{
	margin-bottom: 20px;
}
.sjaboutbt span,.sjprobt span,.sjcasebt span,.sjnewbt span{
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: black;
}
.sjaboutC p{
	color: black;
	font-size: 14px;
	line-height: 30px;
	text-indent: 2em;
}
.sjproC span,.sjcaseC span{
	display: block;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: black;
}
.sjcasebox{
	margin: 20px auto;
}
.sjnewbox{
	padding: 0 10px;
}
.sjnewC li{
	line-height: 40px;
	border-bottom: dashed 1px #CCCCCC;
}
.sjnewC a{
	color: black;
	font-size: 14px;
}
.sjnewC span{
	float: right;
}
.sjfooter{
	background: black;
	padding: 20px 10px;
}
.sjfooter p{
	color: white;
	font-size: 14px;
	line-height: 30px;
}